<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<title>小米</title>
	<link href='css/style.css' type=text/css rel='stylesheet'>

</head>	
<body>
	<div class="main">
		<div class="top">
			<ul>
				<li>
					<a href="#">
						<div class="li_1">
							<p>0台设备已连接</p>
						</div>
					</a>
				</li>
				<li>
					<div class="li_2">
						<div class="tiao">
							<div class="tiao_1"></div>
						</div>
						<p>0&nbsp/&nbsp5G</p>
					</div>
				</li>
				<li class="li_03">
					<a href="#">
					<div class="li_3">
					<img src="images/w2.png" >
					<p class="jian">简体中文</p>
					<div class="button"><img src="images/bt.png" id='img_1'></div>
					<div id="xia">
						<ul>
							<li class="ui_1">简体中文<img src="images/ui.png"></li>
							<li>繁体中文</li>
							<li class="ui_3">English</li>
						</ul>
					</div>
					</div>
					</a>
				</li>		
			</ul>
		</div>
		<div class="dl">
			<a href="#"><div><img src="images/w1.png"></div></a>
			<a href="#"><p>1153552178&nbsp/&nbsp免费会员<img src="images/bt.png" id="hui"></p></a>
		</div>
		<div class="shu">
			<textarea class="edit" placeholder="输入需要发送到设备剪贴版上的文字" ></textarea>
			<a href="#">
				<div class="ctrl">发送<span>[ctrl+enter]</span></div>
			</a>
			<div class="img_w">
				<img src="images/w3.png">
				<div class="wen">
				<p class="p_1">支持MIUI 7.5最新稳定版。老版本可以通过手机系统更新或者去www.miui.com刷机升级:</p>
				<p class="p_2">1、文字会发送到登录了当前小米账号设备的剪贴板,在输入时可以粘贴。</p> 
				<p>2、如果在相关设备上无法粘贴，请等一会或者重连手机网络后再发一次。</p> 
				<p>如果还不行,可以在设备上重新登录一下小米账号。 </p>
				<p>（退出账号时不必删数据）</p>
				</div>
			</div>
			<div id="dl_2">
				<ul>
					<a href="#"><li class="dl_2_1">会员中心</li></a>
					<a href="#"><li>我的小米账户</li></a>
					<a href="#"><li>论坛反馈</li></a>
					<a href="#"><li class="dl_2_4">退出</li></a>
				</ul>
			</div>
		</div>
		<div class="content">
			<ul>
				<a href="#">
					<li class="li_1">
					<img src="images/contact.png" >
					<p>通讯录</p>
				</a>
				</li>
				<li>
					<a href="#">
						<img src="images/1.png" >
						<p>短信</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/2.png" >
						<p>云相册</p>
					<a href="#">
				</li>
				<li>
					<a href="#">
						<img src="images/3.png" >
						<p>便签</p>
					<a href="#">
				</li>
				<li>
					<a href="#">
						<img src="images/6.png" >
						<p>录音</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/5.png" >
						<p>云盘</p>
					</a>
				</li>
				<li class="last_li">
					<a href="#">
						<img src="images/search.png" >
						<p>查找设备</p>
					</a>
				</li>

			</ul>
		</div>
	</div>
</body>
<script src="js/jquery-3.1.0.min.js">
</script>
<script>
$('#img_1').on('click',function(){
        $('#xia').css('display','block');
        $(document).off('click');
        setTimeout(function(){
            $(document).one('click',function(){
                console.log('click ...');
                $('#xia').css('display','none');
            })
        }
            , 0);
        $("#img_1").click(function(){
    	$("#xia").toggle();
  });
    })

 $('#hui').on('click',function(){
        $('#dl_2').css('display','block');
        $(document).off('click');
        setTimeout(function(){
            $(document).one('click',function(){
                console.log('click ...');
                $('#dl_2').css('display','none');
            })
        }
            , 0);
        $("#hui").click(function(){
    	$("#dl_2").toggle();
  });
    })

</script>
</html>